// :root {
//   --primary-color: #3498db;
//   --success-color: #2ecc71;
//   --error-color: #e74c3c;
//   --text-color: #2c3e50;
//   --light-gray: #f5f7fa;
//   --border-radius: 16px;
//   --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
// }

// .pairing-game-container {
//   width: 100%;
//   max-width: 500px;
//   animation: fadeIn 0.5s ease-out;
// }

// .game-board {
//   border-radius: var(--border-radius);
//   overflow: hidden;
//   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
//   background: white;
//   position: relative;
// }

// .status-bar {
//   display: flex;
//   justify-content: space-between;
//   padding: 15px 20px;
//   background: linear-gradient(to right, #3498db, #2c3e50);
//   color: white;
//   font-size: 16px;
// }

// .combo-count, .timer {
//   display: flex;
//   align-items: center;
// }

// .combo-count strong {
//   background: rgba(255, 255, 255, 0.2);
//   padding: 4px 12px;
//   border-radius: 20px;
//   margin-left: 8px;
// }

// .game-header {
//   padding: 20px;
//   text-align: center;
//   background: var(--light-gray);
// }

// .game-header h1 {
//   font-size: 24px;
//   font-weight: 700;
//   color: var(--text-color);
//   position: relative;
//   display: inline-block;
// }

// .game-header h1:after {
//   content: "";
//   position: absolute;
//   bottom: -5px;
//   left: 50%;
//   transform: translateX(-50%);
//   width: 80px;
//   height: 3px;
//   background: var(--primary-color);
//   border-radius: 3px;
// }

// .game-area {
//   display: flex;
//   padding: 15px;
//   gap: 20px;
// }

// .image-section, .word-section {
//   flex: 1;
// }

// .section-title {
//   font-size: 18px;
//   color: var(--text-color);
//   margin-bottom: 15px;
//   padding-bottom: 8px;
//   border-bottom: 2px solid #e0e7ff;
//   text-align: center;
// }

// .cards-container {
//   display: flex;
//   flex-direction: column;
//   gap: 15px;
// }

// .game-card {
//   border-radius: 12px;
//   overflow: hidden;
//   box-shadow: var(--shadow);
//   cursor: pointer;
//   transition: all 0.3s ease;
//   background: white;
//   border: 2px solid #e8e8e8;
// }

// .game-card:hover {
//   transform: translateY(-3px);
//   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
//   border-color: var(--primary-color);
// }

// .game-card.selected {
//   border-color: var(--primary-color);
//   box-shadow: 0 0 15px rgba(52, 152, 219, 0.3);
//   transform: scale(1.03);
// }

// .image-container {
//   height: 120px;
//   overflow: hidden;
// }

// .image-container img {
//   width: 100%;
//   height: 100%;
//   object-fit: cover;
//   display: block;
//   transition: transform 0.3s ease;
// }

// .game-card:hover .image-container img {
//   transform: scale(1.05);
// }

// .card-label {
//   padding: 12px;
//   text-align: center;
//   font-weight: 600;
//   color: var(--text-color);
//   background: white;
// }

// .word-label {
//   padding: 25px 15px;
//   text-align: center;
//   font-weight: 600;
//   color: var(--text-color);
//   font-size: 18px;
// }

// .action-buttons {
//   padding: 20px;
//   display: flex;
//   justify-content: center;
// }

// .reset-button {
//   height: 50px;
//   font-size: 18px;
//   font-weight: 600;
//   border-radius: 50px;
//   padding: 0 40px;
//   background: linear-gradient(to right, #ff7e5f, #feb47b);
//   border: none;
//   box-shadow: 0 4px 10px rgba(255, 126, 95, 0.3);
//   transition: all 0.3s ease;
// }

// .reset-button:hover {
//   transform: translateY(-3px);
//   box-shadow: 0 6px 15px rgba(255, 126, 95, 0.4);
// }

// .completion-message {
//   position: absolute;
//   top: 0;
//   left: 0;
//   right: 0;
//   bottom: 0;
//   background: rgba(255, 255, 255, 0.95);
//   display: flex;
//   flex-direction: column;
//   justify-content: center;
//   align-items: center;
//   z-index: 10;
//   padding: 20px;
//   text-align: center;
//   animation: fadeIn 0.5s ease-out;
// }

// .completion-message h2 {
//   font-size: 28px;
//   color: var(--success-color);
//   margin: 20px 0 10px;
// }

// .completion-message p {
//   font-size: 18px;
//   color: var(--text-color);
//   margin-bottom: 20px;
// }

// .success-icon {
//   font-size: 60px;
//   color: var(--success-color);
//   animation: pulse 1s infinite;
// }

// /* 动画效果 */
// @keyframes fadeIn {
//   from { opacity: 0; transform: translateY(20px); }
//   to { opacity: 1; transform: translateY(0); }
// }

// @keyframes pulse {
//   0% { transform: scale(1); }
//   50% { transform: scale(1.1); }
//   100% { transform: scale(1); }
// }

// /* 响应式调整 */
// @media (max-width: 480px) {
//   .game-area {
//     flex-direction: column;
//     gap: 25px;
//   }
  
//   .section-title {
//     font-size: 16px;
//   }
  
//   .image-container {
//     height: 100px;
//   }
  
//   .word-label {
//     padding: 20px 15px;
//     font-size: 16px;
//   }
  
//   .reset-button {
//     height: 46px;
//     font-size: 16px;
//     padding: 0 30px;
//   }
  
//   .completion-message h2 {
//     font-size: 22px;
//   }
  
//   .completion-message p {
//     font-size: 16px;
//   }
// }